<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>LIBRARY 4U</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/jquery.timers.1.2.js"></script>
		<script type="text/javascript" src="js/jquery.galleryview.2.1.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.galleryview.setup.js"></script>
	</head>
	<body>
		<div id="wrap">
			<div class="header">
				<div class="header1">
					<div id="menu">
						<div class="homepage_icon"></div>
						<ul>
							<li class="selected">
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="category.html">Category</a>
							</li>
							<li>
								<a href="about.html">About us</a>
							</li>
							<li>
								<a href="contact.html">Contact</a>
							</li>
						</ul>
					</div>
					<div class = "login">
						<div class="account_icon"></div>
						<form name="login" action="" method="get">
							<input type="text" class="input-user" placeholder="Username">
							<input type="password" class="input-pass" placeholder="Password">
							<div class="btn-login">
								<button class="btn" type="submit">
									Login
								</button>
							</div>
						</form>
						<div class="signup">
							<a href="#">Forgot password</a>
							<br>
							<a href="#">Signup</a>
						</div>
						<div id="language">
							<div class="language vi"></div>
							<div class="language en"></div>
						</div>
					</div>
				</div>
				<div class="banner">
					<img src="images/banner_library.jpg" />
				</div>
			</div>

			<div class="center_content">
				<div class="left_content">
					<div class="category">
						<div class="category_header">
							Danh mục sách
						</div>
						<div class="category_body">
							<ul>
								<li>
									<a href="#">Kinh tế</a>
								</li>
								<li>
									<a href="#">Kinh tế</a>
								</li>
								<li>
									<a href="#">Kinh tế</a>
								</li>
								<li>
									<a href="#">Kinh tế</a>
								</li>
								<li>
									<a href="#">Kinh tế</a>
								</li>
								<li>
									<a href="#">Kinh tế</a>
								</li>
								<li>
									<a href="#">Kinh tế</a>
								</li>
								<li>
									<a href="#">Kinh tế</a>
								</li>
								<li>
									<a href="#">Kinh tế</a>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<div class="right_content">
					<div id="slide_feature">
						<div id="gallery">
							<img src="images/1.jpg" />
							<img src="images/2.jpg" />
							<img src="images/3.jpg" />
							<img src="images/4.jpg" />
							<img src="images/5.jpg" />
							<img src="images/6.jpg" />
						</div>
						<div id="thumbs">
							<img src="images/11.jpg" />
							<img src="images/22.jpg" />
							<img src="images/33.jpg" />
							<img src="images/44.jpg" />
							<img src="images/55.jpg" />
							<img src="images/66.jpg" />
						</div>
						<a href="#" id="next"></a>
					</div>
					<script type="text/javascript" src="js/jquery.js"></script>
					<script type="text/javascript" src="js/mocha.js"></script>
				</div>
			</div>

			<div class="center_contain2">
				<div class="search">
					<form action="index.php" name="search_form" method="get">
						<span>Search</span>
						<select name="cid" class="input-small search-filter">
							<option value="Author">Author</option>
							<option value="Title">Title</option>
							<option value="ID Book">ID Book</option>
							<option value="Decription">Decription</option>
						</select>
						<input type="text" name="hint_q" class="search-input" value="Author, Title, ID Book, Decription,...">
						<input class="search-btn" type="button"/>
					</form>
				</div>
				
				<div id="most_view">
					<div class="category_name">
						Xem nhiều nhất
					</div>
					<div class="category_content">
						<ul>
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
						</ul>
					</div>
				</div>
				
				
				<div id="most_borrow">
					<div class="category_name">
						Mượn nhiều nhất
					</div>
					<div class="category_content">
						<ul>
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
						</ul>
					</div>
				</div>
				
				<div id="new_books">
					<div class="category_name">
						Sách mới
					</div>
					<div class="category_content">
						<ul>
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
							
							<li>
								<img src="images/book1.jpg"/><br>
								<a href="#">Agile Web Application Development with Yii 1.1 and PHP5</a><br/>
								Có thể mượn<br/>
								Tác giả: Alexander Makarov
							</li>
						</ul>
					</div>
				</div>
				
			</div>
			<div class="footer">
				© Copyright 2012 Ruby Team . All rights reserved.
			</div>
		</div>
	</body>
</html>